import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../../../util/adapt';

export default StyleSheet.create({
  container: {
    position: 'absolute',
    left: 0,
    top: 0,
    right: 0,
    height: phonePx(60),
    overflow: 'hidden'
  },
  content: {
    position: 'absolute',
    left: 0,
    top: 0,
    right: 0,
    height: phonePx(60),
    flexDirection: 'row'
  },
  back: {
    marginLeft: phonePx(16),
    marginTop: phonePx(8)
  },
  backIcon: {
    width: phonePx(40),
    height: phonePx(40)
  },
  name: {
    marginLeft: phonePx(8),
    marginTop: phonePx(16),
    fontSize: phonePx(16),
    lineHeight: phonePx(22),
    color: '#ffffff'
  },
  problemBack: {
    position: 'absolute',
    left: phonePx(16),
    top: phonePx(8)
  },
  empty: {
    position: 'absolute',
    left: phonePx(60),
    top: 0,
    right: 0,
    bottom: 0,
    backgroundColor: 'rgba(0, 0, 0, 0)'
  }
});
